<template>
    <div class="join-publish">
        <div class="join-publish-con">
            <img src="../assets/img/model_top.png" alt="" srcset="" class="model_top">
            <slot></slot>
        </div>
    </div>
</template>

<script>
export default {
    name: 'Model'
}
</script>

<style lang="stylus" scoped>
    .join-publish
        border-radius:0px 0px 4px 4px
        width 100%
        margin 34px auto 0;
        background $theme-color-deeper
        position relative
        box-sizing border-box
        padding 10px
        .join-publish-con
            box-sizing border-box
            width 100%
            border 12px solid transparent
            border-image url('../assets/img/border_red.png') 24 round
            .model_top
                height 30px
                position absolute
                top -25px
                left -11px
</style>